//设置--添加门店
import React from "react";
import "./css/add-store.css";
import PageTitle from "../../component/set/PageTitle";
import IconFont from "../../component/logo";
import SetButton from "../../component/set/SetBtton";
import { Form, Input } from "antd";
const layout = {
  labelCol: { span: 6 },
  wrapperCol: { span: 18 },
};

class AddStore extends React.Component {
  render() {
    return (
      <div className="add_store">
        <PageTitle
          title="添加门店"
          icon={<IconFont type="icon-mendianliebiao"></IconFont>}
          btn={<SetButton txt="返回门店"></SetButton>}
        ></PageTitle>
        <div className="add_store_detail storeInfo">
          <Form {...layout} name="infoOne">
            <Form.Item
              label="门店名称"
              name="storeName"
              rules={[{ required: true, message: "请输入门店名称" }]}
            >
              <Input className="info-border"></Input>
            </Form.Item>
            <Form.Item
              label="手机号码"
              name="storeTitle"
              rules={[{ required: true, message: "请输入手机号码" }]}
            >
              <Input className="info-border"></Input>
            </Form.Item>
            <Form.Item
              label="详细地址"
              name="storeDescribe"
              rules={[{ required: true, message: "请输入详细地址" }]}
            >
              <Input className="info-border"></Input>
            </Form.Item>
            <Form.Item
              label="门店描述"
              name="storeKeyWorlds"
              rules={[{ required: true, message: "请输入门店描述" }]}
            >
              <Input.TextArea className="info-border"></Input.TextArea>
            </Form.Item>
            <div className="store_add_btn">
              <SetButton txt="确定"></SetButton>
            </div>
          </Form>
        </div>
      </div>
    );
  }
}

export default AddStore;
